<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>弹出层-查看课程详细信息</title>
    <script src="/layui/layui.js"></script>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        a{
            color: #009688;
        }
        .box{
            width:1400px;
            margin: 0 100px;
        }
        .table_head{
            color: #676767;
            font-size: 26px;
            text-align: center;
            line-height: 60px;
            width: 1500px;
            height: 60px;
        }
        .view_title{
            width: 150px;
            height: 60px;
            font-size: 20px;
            color:#666;
            line-height: 60px;
            border: 1px solid #A1A1A1;
        }
        .view_title_left{
            margin-left: 20px;
        }
        .table_body{
            display: inline-block;
        }
        .body_title{
            width: 150px;
            height: 55px;
            background: #F6F6F6;
            text-align: center;
            line-height: 55px;
            border: 1px solid #A1A1A1;
            font-size: 17px;
            color: #696969;
            font-weight: 600;
        }
        .body_content{
            width: 310px;
            height: 55px;
            text-align: center;
            line-height: 55px;
            border: 1px solid #A1A1A1;
            color: #979797;
        }

        .show_description{
            width: 1500px;
            height: 135px;
            border: 1px solid #A1A1A1;
        }
        .layui-form-label{
            font-weight: 600;
            font-size: 17px;
        }

        .all_body{
            margin-left: 120px;
        }
        .layui-form-label{
            width: 150px;
        }
        .body_content{
            width: 330px;
            height: 55px;
            text-align: center;
            line-height: 55px;
            border: 1px solid #A1A1A1;
            color: #979797;
        }
    </style>
</head>
<body>
<div class="box" style="margin-left: 100px;  width: 1500px;" >
    <table>
        <tr class="table_head">
            <th>课程订单信息</th>
        </tr>
        <tr>
            <th class="table_body body_title">课程名称：</th>
            <th class="table_body body_content" name="courseName"></th>
            <th class="table_body body_title">用户昵称：</th>
            <th class="table_body body_content" name="nickname"></th>
            <th class="table_body body_title">订单状态：</th>
            <th class="table_body body_content" name="orderStatus"></th>
        </tr>
        <tr>
            <th class="table_body body_title">物流编号：</th>
            <th class="table_body body_content" name="orderLogisticsNumber"></th>
            <th class="table_body body_title">支付方式：</th>
            <th class="table_body body_content" name="orderPaymentChannel"></th>
            <th class="table_body body_title">收货地址：</th>
            <th class="table_body body_content" name="receivingAddress"></th>
        </tr>

        <tr>
            <th class="table_body body_title">付款时间：</th>
            <th class="table_body body_content" name="paymentTime"></th>
            <th class="table_body body_title">发货时间：</th>
            <th class="table_body body_content" name="deliveryTime"></th>
            <th class="table_body body_title">订单来源：</th>
            <th class="table_body body_content" name="orderSource"></th>
        </tr>
        <tr class="view_title">
            <th class="table_body view_title_left"><i class="layui-icon layui-icon-chart-screen"></i>&nbsp;&nbsp;用户备注</th>
        </tr>
        <tr class="show_description">
            <th class="table_body" id="remarks" name="remarks" style="height: 410px;"></th>
        </tr>
    </table>
</div>
</body>
</html>